<template>
  <div class="contentsection">
    <h2 class="">让你的 <span>AirPods</span> 别具个性。</h2>
    <div class="textdisclaimer">
      <p class="disclaimer">
        <span>
          轻按添加表情符号，还能输入名字、缩写或数字，
          <br />
          甚至混搭着来也没问题。
        </span>
      </p>
    </div>
    <div class="selecteditem">
      <div class="image-wrapper">
        <img src="./Img/A.jpg" alt="" width="816" height="345" />
      </div>
    </div>
    <div class="ContextMain">
    <InputFrist/>
    <Sceond/>

    </div>
    
  </div>
</template>

<script>
import InputFrist from '../common/InputFrist.vue';
import Sceond from './Sceond.vue';

export default {
  components: { InputFrist, Sceond,  },

};
</script>

<style lang="less" scoped>
.contentsection {
  width: 100%;
  height: 100%;
  h2 {
    font-size: 48px;
    font-weight: 600;
    margin: 0 66px 24px;
    text-align: center;
    color: #1d1d1f;
  }
  .disclaimer {
    font-size: 15px;
    line-height: 1.47059;
    font-weight: 400;
    margin: 0 66px 24px;
    text-align: center;
    color: #5b5b5c;
  }
  .ContextMain{
    height: 374px;
  width: 100%;
  padding: 30px 163px 34px 163px;
  }
}
</style>